/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./src/app/[locale]/blog/[slug]/blog-post.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
/* Blog post specific styles */
.prose {
  color: var(--tw-prose-body);
}

.prose h1,
.prose h2,
.prose h3,
.prose h4,
.prose h5,
.prose h6 {
  color: var(--tw-prose-headings);
}

.prose img {
  border-radius: 0.5rem;
  margin: 1.5rem 0;
}

.prose blockquote {
  border-left: 4px solid #fa6626;
  padding-left: 1rem;
  font-style: italic;
}

.prose code {
  background-color: rgba(250, 102, 38, 0.1);
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
  font-size: 0.875em;
}

.prose pre {
  background-color: #1f2937;
  color: #f9fafb;
  padding: 1rem;
  border-radius: 0.5rem;
  overflow-x: auto;
}

.prose a {
  color: #fa6626;
  text-decoration: underline;
}

.prose a:hover {
  color: #ea580c;
}